<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">


</head>

<body>
    <ul id="myList">
        <li id="item1">项目 1</li>
        <li id="item3">项目 3</li>
        <li id="item2">项目 2</li>
        <li id="item10">项目 10</li>
        <li id="item4">项目 4</li>
    </ul>
    <script>
        function sortAndReturnTextContent() {
            const items = document.getElementById('myList').children;
            // 在此补全代码
            const itemsArr = Array.from(items).sort((a, b) => {
                if (a.id.length === b.id.length) {
                    return a.id > b.id ? 1 : -1
                } else {
                    return a.id.length > b.id.length ? 1 : -1
                }
            })
            document.getElementById('myList').innerHTML = itemsArr.map(item => item.outerHTML).join('')
        }
        sortAndReturnTextContent()
    </script>



</body>

</html>